<style>
    ul>li>div>span>a{
        line-height: 26px;
        font-size: 13px;
        cursor:pointer;
    }
    td{
        padding: 6px !important;
    }
    .time{
        float: right;
        font-size: 8px;
    }
    .more{
        cursor:pointer;
    }
    body{
        background-color:white;
    }

</style>
<div>
    <ul class="nav nav-tabs" role="tablist">
        {% for key,value in project_status %}
            {% if key == 1 %}
                <li role="presentation" class="active">
                    <a href="#proj1" aria-controls="track1" role="tab" data-toggle="tab">未开始</a>
                </li>
            {% endif %}
            {% if key == 2 %}
                <li role="presentation">
                    <a href="#proj2" aria-controls="track2" role="tab" data-toggle="tab">进行中</a>
                </li>
            {% endif %}
            {% if key == 3 %}
                <li role="presentation">
                    <a href="#proj3" aria-controls="track2" role="tab" data-toggle="tab">测试中</a>
                </li>
            {% endif %}
            {% if key == 4 %}
                <li role="presentation">
                    <a href="#proj4" aria-controls="track2" role="tab" data-toggle="tab">已发布</a>
                </li>
            {% endif %}
            {% if key == 5 %}
                <li role="presentation">
                    <a href="#proj5" aria-controls="track2" role="tab" data-toggle="tab">已完成</a>
                </li>
            {% endif %}
            {% if key == 6 %}
                <li role="presentation">
                    <a href="#proj6" aria-controls="track2" role="tab" data-toggle="tab">已暂停</a>
                </li>
            {% endif %}
        {% endfor %}
    </ul>

    <div class="tab-content">

        {% for key,value in project_status %}
            {% if key == 1 %}
                <div role="tabpanel" class="tab-pane active" id="proj1">
                    <table class="table table-hover" id="unStartProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in unStartProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>
                </div>
            {% endif %}
            {% if key == 2 %}
                <div role="tabpanel" class="tab-pane" id="proj2">
                    <table class="table table-hover" id="doingProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in doingProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>
                </div>
            {% endif %}
            {% if key == 3 %}
                <div role="tabpanel" class="tab-pane" id="proj3">
                    <table class="table table-hover" id="testingProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in testingProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>
                </div>
            {% endif %}
            {% if key == 4 %}
                <div role="tabpanel" class="tab-pane" id="proj4">
                    <table class="table table-hover" id="publishedProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in publishedProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>
                </div>
            {% endif %}
            {% if key == 5 %}
                <div role="tabpanel" class="tab-pane" id="proj5">
                    <table class="table table-hover" id="finishedProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in finishedProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>

                </div>
            {% endif %}
            {% if key == 6 %}
                <div role="tabpanel" class="tab-pane" id="proj6">
                    <table class="table table-hover" id="pauseProjs">
                        <tr class="info">
                            <th style="width: 20%;">项目名称</th>
                            <th style="width: 50%;">项目简介</th>
                            <th style="text-align: center;width: 30%;">创建时间</th>
                        </tr>
                        {% for row in pauseProjs %}
                            <tr>
                                <td>{{ row['sProjectName'] }}</td>
                                <td>{{ row['sProjectIntroduce'] }}</td>
                                <td style="text-align: center;">{{ row['tCreateDate'] }}</td>
                            </tr>
                        {% endfor %}
                        <tr class="success">
                            <td colspan="3" style="text-align: right;">
                                <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('项目管理', '{{ url('pm/project/homePage') }}', true)">查看更多...</a>
                            </td>
                        </tr>
                    </table>
                </div>
            {% endif %}
        {% endfor %}

    </div>
</div>